<!-- FootBarHeader -->
<template>
  <div class="FootBarHeader">
    <div class="navbarLogo">
      <img src="./../assets/img/navbar/logo.png" @click="goHome" class="hll_logo" />
      <!-- <div class="loginBox"> -->
      <img
        @click="showAll"
        v-show="sAll"
        class="hpIcon"
        src="./../assets/img/footIcon/hpIcon.png"
        alt=""
      />
      <img
        @click="showAll"
        v-show="!sAll"
        class="hpIcon"
        src="./../assets/img/footIcon/canIcon.png"
        alt=""
      />
      <!-- <span @click="goLogin">登录</span> -->
      <!-- </div> -->
    </div>
  </div>
</template>

<script >
export default {
  // import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    // 这里存放数据
    return {
      currentIndex: 0,
      input3: "",
      select: "",
      tabName: [
        { tab: "首页" },
        { tab: "寻租需求" },
        { tab: "机械中心" },
        { tab: "加入轰隆隆" },
      ],
      sAll: true,
    };
  },
  // 过滤器
  filters: {},
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    showAll() {
      if (this.sAll) {
        this.sAll = false;
        this.$emit("getTopClass", "aaa");
      } else {
        this.sAll = true;
        this.$emit("getTopClass", "false");
      }
    },
    currentBtn(key) {
      console.log(key);
      this.currentIndex = key;
    },
    goLogin() {
      this.$router.push({ path: "/loginPc" });
    },
    goHome(){
      // this.$router.push({path:'/homePc'})
       window.open("https://www.honglonglong.net/","_self");
    },
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  ctivated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style>
/* .el-select .el-input {
  width: 130px;
}
.input-with-select .el-input-group__prepend {
  background-color: #fff;
} */
/* .el-input__inner {
  width: 300px;
} */
</style>
<style lang='scss' scoped>
.FootBarHeader {
  width: 100%;
  height: 70px;
  line-height: 70px;
  // background: rgba(31, 35, 39, 0.3);
}
.navbarLogo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1500px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto;
}
.hll_logo {
  width: 106px;
  height: 36px;
  cursor: pointer;
  margin-left: 5%;
}
.hpIcon{
  width: 33px;
  height: 32px;
  margin-right:5%;
  cursor: pointer;
}
// .loginBox {
//   font-size: 16px;
//   color: #fff;
//   margin-left: 5%;
//   cursor: pointer;
// }
</style>
